<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>英特尔：平板电脑, 2合1, 笔记本电脑, 台式机, 一体机, 智能手机, 服务器, 嵌入式</title>

  <link href="img/favicon.ico" rel="icon">
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/base.css" rel="stylesheet">
</head>
<body>
<!--导航栏-->
<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynav1">
        <span class="icon-bar" style="background-color:#fff"></span>
        <span class="icon-bar" style="background-color:#fff"></span>
        <span class="icon-bar" style="background-color:#fff"></span>
      </button>
      <a href="#" class="navbar-brand"></a>
    </div>

    <div class="collapse navbar-collapse" id="mynav1">
      <ul class="nav navbar-nav">
        <li class="active dropdown">
          <a href="#" data-toggle="dropdown" style="background-color: #0081d6; padding-left: 15px; padding-right: 65px; font-size: 1.1em">菜单 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">英特尔产品</a></li>
            <li class="divider"></li>
            <li><a href="#">热点话题</a></li>
            <li class="divider"></li>
            <li><a href="#">用户</a></li>
            <li class="divider"></li>
            <li><a href="#">购买</a></li>
            <li class="divider"></li>
            <li><a href="#">产品支持</a></li>
            <li class="divider"></li>
            <li><a href="#">关于英特尔</a></li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="">
          <a href="#" data-toggle="">China(简体中文)</a>
        </li>
        <li>
          <a href="#" data-toggle="dropdown">登录</a>

          <div class="dropdown-menu dropdown-menu-inverse">
            <div class="panel" style="width: 400px">
              <div class="panel-body">
                <h3>登录</h3>

                <p>您是否在英特尔工作？<a href="#">在此登录&gt;</a></p>

                <form>
                  <div class="form-group">
                    <input class="form-control" type="text" placeholder="用户名">
                  </div>
                  <div class="form-group">
                    <input class="form-control" type="password" placeholder="密码">
                  </div>
                  <p class="form-control-static">您登录表明您同意我们的服务条款</p>
                  <button class="btn btn-info btn-xs" type="button">登录</button>
                </form>
              </div>
            </div>
          </div>
        </li>
      </ul>
      <form class="navbar-form navbar-right">
        <p class="form-control-static" style="color: #fff">查找内容</p>

        <p class="form-control-static" style="color: #fff">|</p>

        <div class="form-group has-feedback">
          <input type="text" class="form-control" placeholder="搜索">
          <span class="glyphicon glyphicon-search form-control-feedback"></span>
        </div>
      </form>
    </div>
  </div>
</div>

<!--页面主体-->
<div class="main" style="color: #fff">
  <div class="container">
    <h1>欢迎来到英特尔®</h1>
    <div class="row" style="margin-bottom: 30px;">
      <div class="col-md-8">
        <img src="img/intel.web.864.486.1.jpg" class="img-responsive">
        <div class="img-title" style="position: absolute; bottom: 20px;left:20px">
          <h2>五代酷睿芯，强劲创体验</h2>
          <p>第五代智能英特尔®酷睿™处理器锋芒登场，革命性突破的领先技术，彻底颠覆传统PC使用体验，带您进入全新数字世界</p>
          <a href="#" class="btn btn-info">立即探索第五代智能英特尔®酷睿™处理器</a>
        </div>
      </div>
      <div class="col-md-4">
        <div class="row">
          <div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px; overflow: hidden; position: relative">
            <img src="img/intel.web.368.207.1.jpg" class="img-responsive">
            <div class="half-mask">
              <h4>解密2合1电脑</h4>
              <p>搭载英特尔处理器的2合1电脑，助你高效工作的同时带给你灵活可触控的平板体验。</p>
              <p><a href="#">了解更多</a></p>
            </div>
          </div>
          <div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0 15px">
            <div class="media" style="padding: 30px 0px 30px 30px;background-color: #0071C5">
              <div class="media-left media-middle">
                <img src="img/intel.web.81.108.png" class="media-object">
              </div>
              <div class="media-body" style="border-left: 1px solid #00AEEF">
                <ul class="list-unstyled">
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 酷睿™ M 处理器</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">才貌双全的家用一体机</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 凌动™ 处理器</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">2015 台北国际电脑展 </a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">风暴英雄游戏道具兑换</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-4">
        <div class="row">
          <div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px; overflow: hidden; position: relative">
            <img src="img/intel.web.368.207.2.jpg" class="img-responsive">
            <div class="half-mask">
              <h4>马上订阅英特尔IT中心精选资源</h4>
              <p>通过移动设备提升工作效率的同时，也带来了IT安全方面的挑战，您准备好了吗？</p>
              <p><a href="#">了解更多</a></p>
            </div>
          </div>
          <div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0 15px">
            <div class="media" style="padding: 30px 0px 30px 30px;background-color: #0071C5">
              <div class="media-body" style="border-left: 1px solid #00AEEF">
                <ul class="list-unstyled">
                  <li style="margin:5px 0 5px 10px"><a href="#">升级办公利器</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">数据中心芯可能</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">大数据</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">云计算和云服务</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">案例中心</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-8">
        <img src="img/intel.web.864.486.2.jpg" class="img-responsive">
        <div class="img-title" style="position: absolute; bottom: 20px;left:20px">
          <h2>IT的最佳拍档</h2>
          <p>在英特尔IT中心，您可以获取各种案例和产品解决方案</p>
          <a href="#" class="btn btn-info">了解更多</a>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-8">
        <img src="img/intel.web.864.486.3.jpg" class="img-responsive">
        <div class="img-title" style="position: absolute; bottom: 20px;left:20px">
          <h2>灵活高效，迅速响应，真正的业务优势</h2>
          <p>英特尔® 至强™ 处理器 E7 v3 家族稳定可靠，提升数据中心效率</p>
          <a href="#" class="btn btn-info">了解方法</a>
        </div>
      </div>
      <div class="col-md-4">
        <div class="row">
          <div class="col-md-12 col-sm-6 col-xs-12" style="margin-bottom: 15px; overflow: hidden; position: relative">
            <img src="img/intel.web.368.207.3.jpg" class="img-responsive">
            <div class="half-mask">
              <h4>英特尔产品中心</h4>
              <p>英特尔全新的选型工具设置多种频道满足各类用户不同需求。</p>
              <p><a href="#">了解更多</a></p>
            </div>
          </div>
          <div class="col-md-12 col-sm-6 col-xs-12" style="padding: 0 15px">
            <div class="media" style="padding: 30px 0px 30px 30px;background-color: #0071C5">
              <div class="media-body" style="border-left: 1px solid #00AEEF">
                <ul class="list-unstyled">
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔® 至强™ 处理器 D 产品家族</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">神奇的实感技术</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔社交网络</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔视频专区</a></li>
                  <li style="margin:5px 0 5px 10px"><a href="#">英特尔新闻发布室</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!--页脚-->
<div class="footer">
  <div class="container">
    <div class="row" style="margin: 20px auto">
      <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="list-unstyled">
          <li><h4>关于英特尔</h4></li>
          <li><a href="#">公司信息</a></li>
          <li><a href="#">投资者关系</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">新闻发布室</a></li>
          <li><a href="#">网站地图</a></li>
          <li><a href="#">工作</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="list-unstyled">
          <li><h4>支持</h4></li>
          <li><a href="#">支持主页</a></li>
          <li><a href="#">下载中心</a></li>
          <li><a href="#">产品规范</a></li>
          <li><a href="#">保修支持</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="list-unstyled">
          <li><h4>法律声明</h4></li>
          <li><a href="#">使用条款</a></li>
          <li><a href="#">商标</a></li>
          <li><a href="#">隐私条款</a></li>
          <li><a href="#">Cookie</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <ul class="list-unstyled">
          <li><h4>社交</h4></li>
          <li><a href="#">英特尔社区</a></li>
          <li><a href="#">英特尔中国微博</a></li>
          <li><a href="#">英特尔芯品汇微博</a></li>
          <li><a href="#">英特尔商用频道微博</a></li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <p><img src="img/logo.png"> ® 英特尔公司 京ICP备 14036123号-2</p>
      </div>
    </div>
  </div>
</div>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>